[SEO] b태그와 i태그 그리고 strong태그와 em 태그간의 차이는 무엇일까요? 그리고 SEO에 미치는 영향은?

검색엔진 최적화(SEO)를 위해 어떤 태그를 사용하고 어떤 태그가 필요할까요???

"검색엔진 최적화와 태그 사용이 무슨 상관이 있는거지?"라고 생각하시나요? 그렇다면 아래 글을 한번 읽어보시는 건 어떨까요? 우선은 간단하게 태그들의 특징과 사용방법부터 알아볼까요?

[ 1 ] strong, em 태그 그리고 b, i 태그의 간단한 사용방법 및 예제

위 태그들은 모두 텍스트를 강조하거나 이탤릭 효과를 줄 때 사용합니다. 아래 예제를 봐주세요.



위에 보시는 것 처럼 b, strong 태그와 i, em태그는 구현되는 효과가 동일합니다. 그럼 위 태그를 왜 사용하는 걸까요?

[ 2 ] strong, em 그리고 i, b태그의 사용 목적

첫째. b 그리고 strong 태그

b 그리고 strong 태그는 강조태그로핵심이 되는 중요 키워드에 강조효과를 부여할 수 있습니다. 강조효과라고 해봤자 폰트 스타일을 두껍게해주는 것뿐이지만 해당 문구에서 어떤 문장이 중요한 핵심 키워드인지 방문자에게 바로 알려줄 수가 있죠... 게다가 방문자가 핵심 키워드를 가장 먼저 인지할 수 있어페이지 가독성을 높이고 컨텐츠에 좀 더 집중하도록 도움을 줍니다.

둘째. i 그리고 em 태그

위 태그는 텍스트를 기울이게 해주는 이탤릭 효과를 줍니다. 이탤릭 태그 또한 특정 문구를 강조하기 위해 사용하기도 하지만 주로 전문적인 용어나 이를 대체하기 위한 문구 또는 번역된 문구를 나타낼때 따옴표와 함께 자주 사용됩니다. 간단히 예를 들자면...



위에 보시는 것 처럼 각각의 태그는 같은 효과를 주지만 태그의 이름이 틀립니다. 그렇다면 각각의 태그들의 차이점은 무엇일까요? 그리고 실제 검색엔진 최적화에 미치는 영향은 어떤 것 일까요?

[ 3 ] 각 태그의 차이점과 SEO에 미치는 영향

; 우선 b 그리고 i 태그의 경우 CSS아 같이 스타일 또는 효과를 부여하기 위한 목적으로 사용되었습니다. 하지만 strong 그리고 em태그의 경우 시맨틱 태그(semantic tag)의 목적으로 사용됩니다. 다시 말하자면 b 그리고 i 태그의 경우 방문자에게 스타일이 부여된 텍스트를 보여주는 것이 목적이지만 이와 달리 시맨틱 태그는 말 그대로 스타일 부여등의 시각적 효과가 아닌 텍스트가 해당 문구에서 어떤 의미를 가지고 있는지 보여주기 위함이라고 할 수가 있겠습니다...

"그렇다면 둘 중 아무거나 사용해도 상관 없는건가요?"

위 두가지 유형의 폰트 모두 많이 쓰이기 때문에 사실 무엇이 맞고 틀리다고 단언할 수는 없습니다. 하지만 html5 부터는 시맨틱 태그의 종류가 늘어나고 (nav, aside, mark, section 태그 등등) 그 중요성 역시 함께 높아졌기 때문에 em코드와 strong코드를 사용하는 사이트가 점차 확대되는 것은 사실입니다. 만약 퍼블리셔가 시맨틱 태그를 전혀 고려하지 않고 웹사이트를 퍼블리싱한다면 상상이나 할 수 있을까요? 그만큼 시맨틱 태그는 중요하기 대문에 검색엔진에서도 strong과 em태그를 사용한 텍스트가 더 중요하다가 생각할 수 있습니다. 결국 효과는 같겠지만 시맨틱 태그를 사용하는 것이 더 효과적일 것입니다.

! 팁. 검색엔진에 영향을 주는 태그는...

; 검색엔진이 가장 중요하게 생각하는 것은 키워드 즉, 핵심 단어일 것입니다. 왜냐면 검색 이용자가 원하는 정보와 가장 매칭하는 정보의 웹사이트를 보여주어야 하기 때문이죠. 그래서 크롤링 과정을 통해 핵심 키워드가 들어가 있는 웹사이트를 보여주는 것입니다. 하지만 동일한 키워드를 가진 웹페이지는 셀 수 없을정도로 많기 때문에 핵심 키워드가 강조된 페이지의 경우 다른 페이지보다 더 관련성 높은 페이지라고 판단할 것입니다.

많은 SEO 사이트들은 아래의 태그를 웹페이지에 반드시 필요한 태그라고 강조합니다.

i. h1, h2등의 태그
ii. strong 또는 em
iii. 주변텍스트와 다른 색을 부여한 효과

같은 내용의 컨텐츠라도 위와 같은 태그를 사용한 사이트와 아닌 사이트의 차이는 굉장히 클 수 밖에 없겠죠? :)